<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>言情小说吧通行证 - 注册</title>
<link rel="icon" href="http://www.xs8.cn/favicon.ico" type="/image/x-icon" />
<link rel="shortcut icon" href="http://www.xs8.cn/favicon.ico" type="/image/x-icon" />
<link href="http://reg.xs8.cn/static//css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" charset="utf8" src="http://reg.xs8.cn/static/js/jquery.js"></script>
<script type="text/javascript" charset="utf8" src="http://reg.xs8.cn/static/js/jquery.ext.js"></script>
<script type="text/javascript" charset="utf8" src="http://reg.xs8.cn/static/js/master.js"></script>
<!--[if IE 6]>
 <script src="http://reg.xs8.cn/static/js/png-min.js"></script>
 <script>DD_belatedPNG.fix('.png');</script>
<![endif]--> 
</head>

<body>
<div class="headpic"></div>
<div class="topbarbg png"></div>
<div class="topbar">
	<a class="logo png" href="http://www.xs8.cn" title="言情小说吧"></a>
	<div class="topnav">
		<a href="http://www.xs8.cn" target="_top">首页</a> | 
		<a href="http://www.xs8.cn/list.html" target="_blank">最近更新</a> | 
		<a href="http://www.xs8.cn/top/index.html" target="_blank">排行榜</a> | 
		<a href="http://www.xs8.cn/zongcai.html" target="_blank">总裁版</a> | 
		<a href="http://www.xs8.cn/chuanyue.html" target="_blank">穿越版</a> | 
		<a href="http://www.xs8.cn/gongdou.html" target="_blank">宫斗版</a> | 
		<a href="http://www.xs8.cn/qingchun.html" target="_blank">青春版</a>
	</div>
	<div class="right">
		<a target="_blank" href="http://author.xs8.cn/">作家中心</a> | <a target="_blank" href="http://pay.xs8.cn" class="huang">充值</a> | <a target="_blank" href="http://bbs.xs8.cn">论坛</a>
	</div>
	<div id="userzone" class="right"><a id="UC_Login" href="http://reg.xs8.cn/login">登录</a> | <a id="UC_Signup" href="http://reg.xs8.cn/signup">注册</a></div>
</div>

<div class="header">
	<div class="pagetitle">
		<a href="http://reg.xs8.cn/"><h1 class="png">言情小说吧通行证</h1></a><span class="reg png">注册</span>
		<p>免费注册您喜欢的帐号，登录后全站畅通无阻</p>
	</div>
</div><div class="main_tab">
	<ul class="tab">
		<li class="png"><a href="http://reg.xs8.cn/login" class="png">已经注册？请点击登录</a></li>
		<li class="now png"><a class="png">注册言情小说吧通行证</a></li>
	</ul>
	<div class="sq_writer"><a href="http://reg.xs8.cn/author" class="png">申请成为小说吧作家</a></div>
</div><div class="wrapper wrapper_login">
	<div class="wl"></div>
	<div class="main">
		<div class="innerbox">
			<form id="signup" action="/onsignup" method="post" accept-charset="utf-8">
				<div class="formbox registerlist">
					<dl>
						<dt>通行证账号：</dt>
						<dd class=""><!--未通过验证时，dd标签增加 class="wrong" wrong_tip才显示-->
							<input name="username" valid="trim|require|min_length[4]|max_length[14]|checkusername" value="" type="text" class="id"/>						<dd class="description">4-14个字符，一个汉字为2个字符。</dd>
						</dd>
					</dl>
					<dl>
						<dt>密码：</dt>
						<dd class=""><!--验证通过时，dd标签增加 class="correct"-->
							<input name="password" type="password" valid="require|min_length[6]|max_length[14]" class="pw"/>						</dd>
						<dd class="description">密码应由数字、字母组成；长度应为6-14个字符；区分大小写</dd>
					</dl>
					<dl>
						<dt>确认密码：</dt>
						<dd class="">
							<input name="passconf" type="password" valid="require|matches[password]" class="pw"/>						</dd>
					</dl>
					<dl>
						<dt>电子邮箱：</dt>
						<dd class="">
							<input name="email" type="text" valid="trim|require|email" value="" />						</dd>
						<dd class="description">
							<label class="red">用于找回密码，非常重要！</label>
							推荐使用
							<a target="_blank" tabIndex="-1" href="http://www.126.com/">126</a>
							<a target="_blank" tabIndex="-1" href="http://mail.163.com/">163</a>
							<a target="_blank" tabIndex="-1" href="http://mail.sina.com/">sina</a>
							<a target="_blank" tabIndex="-1" href="http://mail.sohu.com/">sohu</a>
							<a target="_blank" tabIndex="-1" href="http://mail.yahoo.com.cn/">yahoo</a>
							<a target="_blank" tabIndex="-1" href="http://mail.qq.com/">QQ邮箱</a>
						</dd>
					</dl>
					<dl>
						<dt>验证码：</dt>
						<dd class="">
							<input name="vcode" value="点击显示" type="text" valid="require|vcode" class="code_input input_descript"/>							<div class="code_box">
								<img id="captcha_img" src="" alt="验证码" style="border:1px solid #999;display:none" />
								<a id="change_captcha_img" tabIndex="-1" style="display:none" href="javascript:void(0);">
									看不清？
								</a>
							</div>
						</dd>
					</dl>
					<dl class="pl btnbox">
						<input type="submit" class="btn" value="注册通行证"/>
					</dl>
				</div>
			</form>
		</div>
	</div>
	<div class="w_xline"><span></span></div>
	<div class="sidebar">
	<div class="roundtop"><span class="rt_c"></span><span class="rt_r png"></span></div>
	<div class="stitle"></div>
	<ul class="you_fun">
		<li><span>1、</span>大容量书架，找书更容易</li>
		<li><span>2、</span>加入作家行列赚高额稿费</li>
		<li><span>3、</span>华丽漂亮的个人展示主页</li>
		<li><span>4、</span>更突出个性的自定义头像</li>
		<li><span>5、</span>每个操作都可以获得积分</li>
		<li><span>6、</span>彰显最贵的头衔以及称号</li>
		<li><span>7、</span>享受免费游戏带来的乐趣</li>
	</ul>
</div>	<div class="wr"></div>
</div>
<script type="text/javascript" charset="utf8" src="http://reg.xs8.cn/static/js/verify.js"></script>
<script type="text/javascript">
	$(function() {
		$("input[name='vcode']").one("focus", show_Vcode);
		$("#change_captcha_img").click(function() {
			$("#captcha_img").attr('src', '/vcode.png?'+Math.random());
		});
		$("input[type='text'],input[type='password']").blur(function(){
			Validator.Validate($(this));
		});
		
		$("form[id='signup']").submit(function() {
			var st = true;
			$(this).find("[valid]").each(function() {
				st = st&Validator.Validate($(this));
			})
			return st == 1?true:false;
		});
	})
	
	//显示验证码
	function show_Vcode() {
		$("input[name='vcode']").removeClass('input_descript').val('');
		var img = $("#captcha_img");
		img.attr("src", "/vcode.png?"+Math.random());
		img.show();
		$("#change_captcha_img").show();
	}
</script><div class="footer">
	<div class="sitenav"><a title="小说吧通行证" href="http://reg.xs8.cn/">小说吧通行证</a> | <a href="http://author.xs8.cn/">作家中心</a> | <a href="http://pay.xs8.cn/" target="_blank">充值（小说币）</a> | <a href="http://www.xs8.cn/top/index.html">小说排行榜</a> | <a href="http://book.xs8.cn/">独家小说</a></div>
	<div class="copyright">京ICP备11026585号-1 2005-2011 WWW.XS8.CN </div>
</div>
<script type="text/javascript" src="http://s1.xs8xs8.cn/static/love/js/uc.js" charset="UTF-8"></script>
<script type="text/javascript">
function show_rs(objs, msgs) {
	for(i in objs) {
		clear_notice(objs[i]);
		if(typeof(msgs[i]) != 'undefined') {
			objs[i].parents('dd').addClass('wrong');
			objs[i].after('<div class="wrong_tip">'+msgs[i]+'</div>');
		} else {
			objs[i].parents('dd').addClass('correct');
			objs[i].after('<div class="ok">&nbsp;&nbsp;</div>');
		}
	}
}
function clear_notice(obj) {
	obj.parents('dd').removeClass();
	obj.parents('dd').find('.ok').remove();
	obj.parents('dd').find('.wrong_tip').remove();
}
</script></body>
</html>